/****************************
			General			
****************************/
body{
	margin:0px;
	padding:0px;
	background-color:#F7F0E1;
	color:black;
	font-family:helvetica new, helvetica;
}
img{
	border:0px;
}
h1, h2, h3{ color:#E9B11E; margin:3px; }
h1{ font-size:25px; }
h2{ margin:3px; }
h3{  }
a{ color:#2EB1C1; text-decoration:none; }
a:hover{ text-decoration:underline; }
select{ background-color:#797067; border:1px solid #494037; padding:7px; }
input.text{ background-color:#797067; border:1px solid #494037; padding:7px; margin:1px; display:inline-block; width:300px; }
textarea{ background-color:#797067; border:1px solid #494037; padding:7px; margin:1px; display:inline-block; }
input.submit{ 
	margin:5px;
	padding:6px 15px;
	border:1px solid #494037; 
	border-radius:3px; 
	display:inline-block; 
	color:#2EB1C1; 
	background-color:#797067; 
	background: -webkit-gradient(linear, left top, left bottom, from(#797067), to(#262624));
	background: -moz-linear-gradient(top,  #797067,  #262624);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797067', endColorstr='#262624');
}
input.submit:hover{ 
	background-color:#999087; 
	background: -webkit-gradient(linear, left top, left bottom, from(#999087), to(#464644));
	background: -moz-linear-gradient(top,  #999087,  #464644);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999087', endColorstr='#464644');
}
.container{
	width:960px;
	height:100%;
	margin:0px auto;
	padding:0px;
	background-color:#595047;
	color:white;
}
.spacer{ height:10px; }
.lineSpacer{ height:10px; margin-top:15px; border-top:1px solid #797067;/*#2EB1C1;*/ }
.clear{ clear:both; }


/***************************
			Header			
****************************/
#header{  }
#banner{
	margin:0px 10px 0px;
	display:inline-block;
	float:left;
}
#login{
	margin:10px;
	display:inline-block;
	float:right;
}
#login input.text{ width:150px; }
#login input.submit{ margin-top:-2px; padding:6px 15px; }
#login label{ width:75px; color:white; font-size:16px; display:inline-block; }
#login h3{ padding-top:39px; }
#navigation{
	height:30px;
	display:block; 
	background-color:#262624;
	background: -webkit-gradient(linear, left top, left bottom, from(#2EB1C1), to(#262624));
	background: -moz-linear-gradient(top,  #2EB1C1,  #262624);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2EB1C1', endColorstr='#262624');
}
#navigation a{ margin:5px 20px; display:inline-block; float:left; color:#F7F0E1; font-weight:bold; }
#navigation a.right{ float:right; }


/***************************
			Body			
****************************/
#body{ min-height:600px; }

/* background div on the left */
#content{
	width:680px;
	margin:10px;
	padding:10px;
	display:inline-block;
	float:left;
	border-radius:10px;
	background-color:#262624;
}

/* for listing events */
.event{ margin-bottom:20px; display:block; overflow:hidden; border:0px solid white; }
.event .image{ display:inline-block; float:left; }
.event .image img{ width:100px; margin:5px; }
.event .text{ max-width:550px; display:inline-block; }
.event .text h2{ margin:2px; display:inline-block; font-size:18px; }
.event .text p{ margin:2px; font-size:12px; }

/* for "event.php" only */
#event{  }
#event h1{  }
#event img{ width:150px; margin:5px 10px 10px 5px; display:inline-block; float:left; }
#event p{ margin:5px; font-size:14px; }

/* recommendation events */
fieldset{ padding:10px 0px 0px 0px; margin:20px 0px 0px 0px; border:0px; border-top:1px solid #797067; }
legend{ margin:4px; padding:0px 4px; color:#E9B11E; }
.similarEvent{ width:210px; margin:0px 10px 0px 0px; padding:0px; display:inline-block; float:left; }
.similarEvent img{ width:75px; margin:3px; display:inline; float:left; }
.similarEvent h2{ margin:2px; display:inline; font-size:18px; }
.similarEvent p{ margin:5px; font-size:14px; }

/* background div on the right */
#tags{
	width:200px;
	margin:10px;
	padding:10px;
	display:inline-block;
	float:right;
	border-radius:10px;
	background-color:#262624;
}
#tags form{ display:inline-block; margin:2px 4px; text-align:center; }
.tag1, .tag2, .tag3, .tag4, .tag5, .tag6{ display:inline-block; }
.tag1 a, .tag2 a, .tag3 a, .tag4 a, .tag5 a, .tag6 a{ color:white; }
.tag1 a:hover, .tag2 a:hover, .tag3 a:hover, .tag4 a:hover, .tag5 a:hover, .tag6 a:hover{ color:#2EB1C1; }
.tag1{ font-size:25px; }
.tag2{ font-size:20px; }
.tag3{ font-size:16px; }
.tag4{ font-size:13px; }
.tag5{ font-size:11px; }
.tag6{ font-size:10px; }

#fblike {
	display:inline-block; margin:10px; padding:10px; float:right; width:200px;
	border-radius:10px;
	background-color:#2EB1C1;
	background: -webkit-gradient(linear, left top, left bottom, from(#2EB1C1), to(#262624));
	background: -moz-linear-gradient(top,  #2EB1C1,  #262624);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2EB1C1', endColorstr='#262624');
}


/***************************
			Footer			
****************************/
#footer{
	padding:11px;
	border-top:1px solid #2EB1C1;
	text-align:center;
	font-size:10px;
	color:#F7F0E1;
}